<template>
  <div class="wrapper-main">
    <p class="left">
       <span class="wrapper-main-title">佳良缘</span><span class="fz-18">能交到朋友的网站</span>
    </p>
    <p class="right">
    <span @click="login()">登录</span>
    <span @click="register()">注册</span>
    </p>
  </div>
</template>
<script>
    export default {
      name: 'top',
      methods:{
          login(){
              this.$emit('handleLogin','');
          },
          register(){
              this.$emit('handleRegister','');
          },
      }
    } 

</script>
<style>
     .wrapper-main{
         
         color:#fff;
     }
     .wrapper-main-title{
         font-size:36px;
         margin-right:10px;
             float: left;
     }
     .fz-18{
         font-size:1.125rem;
     }
     .left{
         float:left; 
     }
     .right{
         float:right;
         font-size:.875rem;
     }
     .right span{
         color:#e4e4e4;
         margin-left:5px;
     }
     p{
         margin:0;
         height:100%;
     }
</style>